<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="app">
<!-- JSON 变量 -->
<p>{{ msg }}</p>
<!-- 数字类型 -->
<p>{{ 98 }}</p>
<!-- 字符串类型 -->
<p>{{ "Hello Vue!" }}</p>
<!-- JavaScript 表达式 -->
<p>{{ "Hello " + name }}</p>
<p>{{ 10 / 5 }}</p>
<!-- 三元表达式 -->
<p>{{ ok ? 'YES' : 'NO' }}</p>
<p>{{ msg.split('').reverse().join('') }}</p>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
<script>
const app = new Vue({
el : "#app",
data : {
msg : "Mustache 语法",
name : "菲菲",
ok: true
}
});
</script>
	</body>
</html>
